/* 1 首页主题部分的制作开始了 */
.main {
    height: 468px;
    margin-top: 12px;
}
/* 1.1 首页焦点图 */
.main .focus ul li {
    float: left;
    width: 721px;
    height: 456px;
    margin-left: 221px;
}
/*  1.2 首页新闻快报模块的制作 */
.main .newsflash {
    float: right;
    width: 247px;
    height: 456px;
    border: 1px solid #ccc;
}
.main .newsflash .news {
    height: 165px;
    border-bottom: 1px solid #ccc;
}

.news .news_hd {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #ccc;
}
.news .news_hd h5{
    float: left;
    padding-left: 16px;
    font-size: 14px;
    color: #666666;
}

.news_hd a {
    float: right;
    padding-right: 16px;
    font-size: 12px;
    color: #666666;
}

.news_hd a::after {
    content: '\e909';
    font-family: 'icomoon';
    padding-left: 3px;
}
.news_bd {
    height: 26px;
    line-height: 26px;
    padding-left: 16px;
    font-size: 12px;
    color: #666;
}

/* 1.2 生活服务模块的制作 */
.main .newsflash .lifeservice {
    height: 214px;
}
.main .lifeservice ul li{
    float: left;
    height: 70px;
    width: 61px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.main .lifeservice ul li:nth-child(4n){
    border-right: 0;
}
.main .lifeservice ul li:nth-child(n+9){
    border-bottom: 0;
}

.main .lifeservice ul li i{
    display: block;
    width: 20px;
    height: 25px;
    margin-left: 22px;
    margin-top: 15px;
    background: url(../images/icons.png) no-repeat -18px -15px;
}

.main .lifeservice ul li:nth-child(2) i{
    background: url(../images/icons.png) no-repeat -83px  -15px;
}
.main .lifeservice ul li:nth-child(3) i{
    background: url(../images/icons.png) no-repeat -144px -15px ;
}
.main .lifeservice ul li:nth-child(4) i{
    background: url(../images/icons.png) no-repeat -208px -15px ;
}
.main .lifeservice ul li:nth-child(5) i{
    background: url(../images/icons.png) no-repeat -18px -88px ;
}
.main .lifeservice ul li:nth-child(6) i{
    background: url(../images/icons.png) no-repeat -83px  -88px;
}
.main .lifeservice ul li:nth-child(7) i{
    background: url(../images/icons.png) no-repeat -144px -88px ;
}
.main .lifeservice ul li:nth-child(8) i{
    background: url(../images/icons.png) no-repeat -208px -88px ;
}
.main .lifeservice ul li:nth-child(9) i{
    background: url(../images/icons.png) no-repeat -18px -159px ;
}
.main .lifeservice ul li:nth-child(10) i{
    background: url(../images/icons.png) no-repeat -82px  -159px;
}
.main .lifeservice ul li:nth-child(11) i{
    background: url(../images/icons.png) no-repeat -144px -159px;
}
.main .lifeservice ul li:nth-child(12) i{
    background: url(../images/icons.png) no-repeat -208px -159px ;
}
.main .lifeservice ul li a{
    margin-left: 22px;
    margin-top: 15px;
    font-size: 12px;
    color: #666;
}
.main .bargin {
    margin-top: 0;
}

/*2 推荐模块开始了 */
.recom {
    height: 163px;
}
.recom .recom_hd{
    float: left;
    width: 205px;
    height: 163px;
    padding-top: 30px;
    text-align: center;
    background-color: #5c5251;
}
.recom_bd{
    float: left;
    height: 163px;
}


.recom_bd div {
    float: left;
    width: 248px;
    height: 163px;
    padding-left: 22px;
    padding-top: 20px;
    background-color: #ebebeb;
    border-right: 1px solid #ccc;
}

.recom_bd div  .recom_info{
    float: left;
}

.recom_bd div img {
    float: right;
    padding-right: 20px;
    padding-bottom: 25px;
}

.recom_bd div dt {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}

.recom_bd div dl .deal{
    font-size: 14px;
    margin: 10px 0 5px 0;
    color: #fff;
    background-color: #00a0e8;
}

.recom_bd div dl dd {
    font-size: 12px;
    color: #666666;
}

/* 3 首页猜你喜欢模块开始了 */
.like {
    margin-top: 20px;
}
.like_choice {
    height: 40px;
    line-height: 40px;
}

.like_choice h4{
    float: left;
    font-size: 18px;
    color: #7d7d7d;
    font-weight: 400;
}
.like_choice p{
    float: right;
    font-size: 12px;
    color: #666666;
}

.like_choice p::after {
    content: '\e904';
    font-family: 'icomoon';
    padding:0  10px;
}

.like_items {
    position: relative;
    margin-top: 18px;
    padding-left: 30px;
    height: 208px;
    border: 1px solid #ccc;
}

.like_items ul li {
    float: left;
    width: 200px;
    height: 208px;
    padding-left: 35px;
    border-right: 1px solid #ccc;
}

.like_items ul li img{
    padding-top: 5px;
}

.like_items ul li:nth-child(4) img {
    padding-top: 36px;
}
.like_items ul li:last-child{
    width: 168px;
    border-right: 0;
}
.like_items_info{
    position: absolute;
    bottom: 1px;
}
.like_items_info p{
    font-size: 12px;
    color: #666666;
}
.like_items_info h4{
    font-size: 18px;
    color: #df3033;
}
/* 楼层模块开始了 */
.floor {
    margin-top: 20px;
}
.box_hd {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #c81623;
}

.box_hd h1{
    float: left;
    font-size: 18px;
    color: #c81623;
}

.box_hd ul {
    float: right;
}

.box_hd ul li {
    float: left;
}
.box_hd ul li a{
    font-size: 12px;
    color: #666666;
    padding: 0 15px;
}
.box_bd {
    height: 360px;
}
.tab_list_item>div {
    float: left;
}

.box_bd .col_209{
    width: 209px;
    height: 360px;
    background-color: #f9f9f9;
}
.box_bd .col_209 ul {
    height: 100px;
}
.box_bd .col_209 ul li{
    /* margin:0 15px; */
    width: 80px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;  
    font-size: 12px;
    color: #666666;
}
.box_bd .col_209 ul li:nth-child(even) {
    float: left;
    margin-left: 15px;
}
.box_bd .col_209 ul li:nth-child(odd){
    float: right;
    margin-right: 10px;
}
.box_bd .col_209 ul li {
    float: left;
}

.box_bd .col_209 .desc {
    margin-top: 28px;
    text-align: center;
    color: #c81623;
}

.box_bd .col_209 .desc h1{
    font-size: 18px;
    font-weight: 400;
}
.box_bd .col_209 .desc p{
    font-size: 12px;
}
.col_310{
    width: 310px;
    height: 360px;
    background-color: #aed6d8;
}
.col_310 .desc{
    padding-left: 20px;
    padding-top: 20px;
}
.col_310 .desc p{
    font-size: 18px;
    color: #066c7d;
}
.col_310 img {
    padding-left: 42px;
    padding-top: 30px;
}
.col_221{
    width: 221px;
    padding-left: 20px;
    height: 360px;
}
.col_221 ul {
    border-bottom: 1px solid #ccc;
}
.col_221 ul li,
.col_223 ul li{
    position: relative;
    height: 180px;
}

.col_221 ul li .desc,
.col_223 ul li .desc {
    padding-top: 25px;
}
.col_221 ul li .desc p,
.col_223 ul li .desc p{
    font-size: 16px;
    color: #000;
}

.col_221 ul li .desc .active,
.col_223 ul li .desc .active {
    font-size: 14px;
    color: #e60012;
}

.col_221 ul li img,
.col_223 ul li img {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.col_221 .desc2 {
    padding-top: 72px;
    text-align: center;
}
.tab_list_item div:nth-child(4) {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.col_221 .desc2 p{
    font-size: 18px;
    color: #000000;
}
.col_221 .desc2 span {
    font-size: 16px;
    color: #999999;
}
.col_221 .img2 {
    padding-top: 80px;
    padding-left: 26px;
}
.col_223{
    width: 200px;
}

.col_223 ul {
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
}

.floor .box_floor {
    padding-top: 20px;
}